<template>
  <div class="conversation">
    <ConversationList class="conversation-list"/>
      <ConversationDetail class="conversation-detail"/>
  </div>
</template>

<script>
import ConversationDetail from "../components/conversation/ConversationDetail";
import ConversationList from "../components/conversation/ConversationList";

export default {
  name: "ConversationView",
  components: {ConversationDetail, ConversationList},
}
</script>

<style scoped lang="scss">
.conversation {
  display: flex;
  flex: 1;

  .conversation-list {
    width: 250px;
    background-color: lightblue;
  }

  .conversation-detail {
    flex: 1;
    background-color: azure;
  }
}


</style>
